#articles .article {
	filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.25));
	position: relative;
}
#articles .article ul {
	list-style: none;
	display: grid;
	grid-template-columns: 97px auto;
	align-items: center;
}
#articles .article .detail ul li {
	display: contents;
}
#articles .article ul li::before {
	content: "\2022";
	color: #FF8A00;
	font-weight: bold;
	display: inline-block;
	font-size: 2.2rem;
}
#articles .article .preview {
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
	display: flex;
	align-items: center;
	font-family: RotondaC;
	font-size: 2rem;
	line-height: 1.2;
	cursor: pointer;
	overflow: hidden;
	color: #5B5B5B;
}
#articles .article .preview-right {
	background-position-x: left;
	justify-content: flex-end;
}
#articles .article .preview-left {
	background-position-x: right;
	justify-content: flex-start;
}
#articles .article .preview-wrap {
	width: 44%;
	margin: 0 6.5%;
}
#articles .article .title {
	color: #95723D;
	font-weight: bold;
}
#articles .article .arrow-wrap {
	background: #B7CE6B;
	box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.25);
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: absolute;
}
#articles .article .arrow {
	background-image: url(images/arrow-white.png);
	transform: rotate(90deg);
	transition: transform 0.4s ease;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
#articles .article.opened .arrow {
	transform: rotate(-90deg);
}
#articles .article .detail {
	background-color: white;
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.25);
	display: none;
}
#articles .article .detail p, #articles .article .detail ul {
	font-family: RotondaC;
	font-size: 2rem;
	line-height: 1.25;
}
#articles .article .detail p, #articles .article .detail ul, #articles .article .detail td {
	color: #5B5B5B;
}
#articles .article table {
	font-family: RotondaC;
}
#articles .article table th, #articles .article table td {
	font-size: 1.8rem;
}
#articles .article .detail ul.article-table-list li:before {
	content: none;
}
#articles .article .detail ul.article-table-list li .article-list-detail-text {
	display: flex;
	align-items: center;
	min-height: 59px;
}
#articles .article a {
	color: #FF8A00;
}
#articles .article a:hover {
	color: #FFD178;
}
#articles .article img {
	max-width: 100%;
}



@media (min-width: 1200px) {
	#articles .article {
		margin-bottom: 30px;
	}
	#articles .article .preview {
		height: 352px;
	}
	#articles .article .arrow-wrap {
		width: 30px;
		height: 30px;
		right: 37px;
		bottom: 12px;
	}
	#articles .article .arrow {
		width: 16px;
		height: 16px;
	}
	#articles .article .detail {
		padding: 30px 90px;
	}
	#articles .article table {
		line-height: 21px;
	}
	#articles .article .table-float-right {
		margin-left: 20px;
	}
	#articles .article ul {
		margin-bottom: 25px;
	}
	#articles .article ul li::before {
		margin: 0 38px 0 48px;
		width: 11px;
	}
	#articles .article .detail ul.article-table-list li img {
		width: 59px;
	}
	#articles .article .detail ul.article-table-list li > div {
		margin-bottom: 14px;
	}
}
@media (min-width: 992px) {
	
}
@media (min-width: 768px) {
	
}
@media (min-width: 576px) {
	
}
@media (max-width: 575px) {
	
}